import React from "react";
import styles from "./styles.module.css";

export function Yes() {
  return <div className={styles.supported}>yes</div>;
}

export function No() {
  return <div className={styles.notSupported}>no</div>;
}

export function Maybe({ label = "Maybe" }: { label: string }) {
  return <div className={styles.maybe}>{label}</div>;
}

interface VersionProps {
  version: string;
}

export function Version({ version }: VersionProps) {
  return <div className={styles.version}>{version}</div>;
}

export function Spacer() {
  return <div className={styles.spacer}></div>;
}
